/* 字体 开始 */
@font-face {
	font-family: uni-font-thin;
	font-weight: normal;
	font-style: normal;
	/* #ifdef APP-PLUS */
	/* src: url('./static/font/ali_thin.ttf') format('truetype'); */
	/* #endif */
}
@font-face {
	font-family: uni-font-light;
	font-weight: normal;
	font-style: normal;
	/* #ifdef APP-PLUS */
	/* src: url('./static/font/ali_light.ttf') format('truetype'); */
	/* #endif */
}
@font-face {
	font-family: uni-font-regular;
	font-weight: normal;
	font-style: normal;
	/* #ifdef APP-PLUS */
	/* src: url('./static/font/ali_regular.ttf') format('truetype'); */
	/* #endif */
}
@font-face {
	font-family: uni-font-medium;
	font-weight: normal;
	font-style: normal;
	/* #ifdef APP-PLUS */
	/* src: url('./static/font/ali_medium.ttf') format('truetype'); */
	/* #endif */
}

/* 细薄 */
.uni_font_thin {
	font-family: uni-font-thin;
}

/* 正常 */
.uni_font_regular {
	font-family: uni-font-regular;
}

/* 中等厚重 */
.uni_font_medium {
	font-family: uni-font-medium;
}

/* 轻盈 */
.uni_font_light {
	font-family: uni-font-light;
}

.uni_8px{
	font-size: 16rpx;
}
.uni_9px{
	font-size: 18rpx;
}
.uni_10px{
	font-size: 20rpx;
}
.uni_11px{
	font-size: 22rpx;
}
.uni_12px{
	font-size: 24rpx;
}
.uni_13px{
	font-size: 26rpx;
}
.uni_14px{
	font-size: 28rpx;
}
.uni_15px{
	font-size: 30rpx;
}
.uni_16px{
	font-size: 32rpx;
}
.uni_17px{
	font-size: 34rpx;
}
.uni_18px{
	font-size: 36rpx;
}
.uni_20px{
	font-size: 40rpx;
}
.uni_22px{
	font-size: 44rpx;
}
.uni_24px{
	font-size: 48rpx;
}
.uni_25px{
	font-size: 50rpx;
}
.uni_28px{
	font-size: 56rpx;
}
.uni_30px{
	font-size: 60rpx;
}


.uni_weight_300 {
	font-weight: 300;
}

.uni_weight_400 {
	font-weight: 400;
}

.uni_weight_500 {
	font-weight: 500;
}

.uni_weight_600 {
	font-weight: 600;
}
.uni_weight_800 {
	font-weight: 800;
}
.uni_weight_bold {
	font-weight: bold;
}

.uni_color_app0{
	color: #8256f6;
}
.uni_color_app1{
	color: #9686FB;
}

.uni_color_app2{
	color: #aa9ff0;
}

.uni_color_app3{
	color: #d3cef3;
}

.uni_green_209B5C{
	color: #209B5C;
}
.uni_green_3cb475{
	color: #3cb475;
}

.uni_color_000 {
	color: #000000;
}
.uni_color_fff {
	color: #ffffff;
}
.uni_color_green{
	color: #3cb475;
}
.uni_color_red{
	color: #f41c44;
}
.uni_color_000{
	color: #000000;
}
.uni_color_222{
	color: #222222;
}
.uni_color_333{
	color: #333333;
}
.uni_color_666{
	color: #666666;
}
.uni_color_999{
	color: #999999;
}
.uni_color_bbb{
	color: #bbbbbb;
}
.uni_color_ccc{
	color: #cccccc;
}
.uni_color_ddd{
	color: #dddddd;
}
.uni_color_eee{
	color: #eeeeee;
}

/* 文字的专用css END */
/* ---------  全新的CSS常用样式 START ----------- */
.font_size_xs{
	font-size: 20rpx;
}
.font_size_s{
	font-size: 24rpx;
}
.font_size_m_s{
	font-size: 26rpx;
}
.font_size_m{
	font-size: 28rpx;
}

.font_size_l{
	font-size: 32rpx;
}

.font_color_white{
	color: #ffffff;
}
.font_color_333{
	color: #333333;
}
.font_color_666{
	color: #666666;
}
.font_color_999{
	color: #999999;
}
.font_color_ccc{
	color: #cccccc;
}
.font_color_red{
	color: #CA2D09;
}
.font_color_green{
	color: #3cb475;
}

.font_color_green_light{
	color: #1F9A5B;
}

.font_color_blue{
	color: #007AFF;
}
.font_bold{
	font-weight: bold;
}


/* 间距相关 */
.ml1{
	margin-left: 2rpx;
}
.ml2{
	margin-left: 4rpx;
}
.ml4{
	margin-left: 8rpx;
}
.ml5{
	margin-left: 10rpx;
}
.ml6{
	margin-left: 12rpx;
}
.ml8{
	margin-left: 16rpx;
}
.ml10{
	margin-left: 20rpx;
}
.ml12{
	margin-left: 24rpx;
}
.ml14{
	margin-left: 28rpx;
}
.ml15{
	margin-left: 30rpx;
}
.ml18{
	margin-left: 36rpx;
}
.ml20{
	margin-left: 40rpx;
}
.ml25{
	margin-left: 50rpx;
}
.ml28{
	margin-left: 56rpx;
}
.ml30{
	margin-left: 60rpx;
}
.ml40{
	margin-left: 80rpx;
}
.mr1{
	margin-right: 2rpx;
}
.mr2{
	margin-right: 4rpx;
}
.mr4{
	margin-right: 8rpx;
}
.mr5{
	margin-right: 10rpx;
}
.mr6{
	margin-right: 12rpx;
}
.mr8{
	margin-right: 16rpx;
}
.mr10{
	margin-right: 20rpx;
}
.mr12{
	margin-right: 24rpx;
}
.mr14{
	margin-right: 28rpx;
}
.mr15{
	margin-right: 30rpx;
}
.mr18{
	margin-right: 36rpx;
}
.mr20{
	margin-right: 40rpx;
}
.mr25{
	margin-right: 50rpx;
}
.mr28{
	margin-right: 56rpx;
}
.mr30{
	margin-right: 60rpx;
}
.mr40{
	margin-right: 80rpx;
}

.mt1{
	margin-top: 2rpx;
}
.mt2{
	margin-top: 4rpx;
}
.mt4{
	margin-top: 8rpx;
}
.mt5{
	margin-top: 10rpx;
}
.mt6{
	margin-top: 12rpx;
}
.mt8{
	margin-top: 16rpx;
}
.mt10{
	margin-top: 20rpx;
}
.mt12{
	margin-top: 24rpx;
}
.mt14{
	margin-top: 28rpx;
}
.mt15{
	margin-top: 30rpx;
}
.mt18{
	margin-top: 36rpx;
}
.mt20{
	margin-top: 40rpx;
}
.mt25{
	margin-top: 50rpx;
}
.mt28{
	margin-top: 56rpx;
}
.mt30{
	margin-top: 60rpx;
}
.mt40{
	margin-top: 80rpx;
}

.mb1{
	margin-bottom: 2rpx;
}
.mb2{
	margin-bottom: 4rpx;
}
.mb4{
	margin-bottom: 8rpx;
}
.mb5{
	margin-bottom: 10rpx;
}
.mb6{
	margin-bottom: 12rpx;
}
.mb8{
	margin-bottom: 16rpx;
}
.mb10{
	margin-bottom: 20rpx;
}
.mb12{
	margin-bottom: 24rpx;
}
.mb14{
	margin-bottom: 28rpx;
}
.mb15{
	margin-bottom: 30rpx;
}
.mb18{
	margin-bottom: 36rpx;
}
.mb20{
	margin-bottom: 40rpx;
}
.mb25{
	margin-bottom: 50rpx;
}
.mb28{
	margin-bottom: 56rpx;
}
.mb30{
	margin-bottom: 60rpx;
}
.mb40{
	margin-bottom: 80rpx;
}

.uni_ellipsis{
/* 	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
 */	
	/* #ifndef APP-NVUE */
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* #endif */
}

/* ---------  全新的CSS常用样式 END  ------------- */

.uni_app_color_bg{
	background-color: #8256f6;
}

.uni_app_color{
	color: #8256f6;
}


/* 布局 START */

.uni_flex_warp {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.uni_flex_row_between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.uni_flex_row_between_center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.uni_flex_row_around {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.uni_flex_row_align_right {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.uni_flex_col_align_right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.uni_flex_col_align_left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.uni_flex_col_align_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.uni_flex_row_align_left {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.uni_flex_row_align_left_top {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.uni_flex_row_align_center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
/* 布局 END */

/* 公共部分 结束 */

.water_mark_title{
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
	margin-top: 12rpx;
}
.water_mark_edit{
	width: 100%;
	height: 100%;
	background-color: rgba(100, 100, 100, 0.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.water_mark_selected{
	border-radius: 4px;
	border: 2px solid #E00300;
	padding: 6rpx;
}
.water_mark_unselected{
	border-radius: 4px;
	border: 2px solid #ffffff;
	padding: 6rpx;
}
.water_mark_edit_view{
	border-radius: 4px;
	padding: 4rpx 22rpx; 
	background-color: #E00300;
	color: #ffffff;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
